<template>
	<view>
		数据绑定学习，v-bind,v-for
		<view>{{msg}}</view>
		<view>{{1 + 'hello'}}</view>
		<view>{{1+1}}</view>
		<view>{{flag ? 'true' : 'false'}}</view>
		<!-- 这里采用vue的简写语法，可以写成v-bind:src="" -->
		<image :src="imgURL"></image>
		
		<!-- 这里需要加上key属性，否则微信小程序中可能会报警告 -->
		<view v-for="(item,index) in arr" :key="item.id">
			序列：{{index}}，name:{{item.name}}，age:{{item.age}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msg: 'hello vue',
				flag: true,
				imgURL: 'http://a3.att.hudong.com/55/22/20300000929429130630222900050.jpg',
				arr:[
					{
						name: 'Huathy',
						age: 20,
						id: 1	//注意这里不可以0开头，即不可以写8进制数
					},
					{
						name: 'Worthy',
						age: 20,
						id: 2
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
